<%@ page language="java"  import="java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
 <%
 	String path = request.getContextPath();
 	request.setAttribute("path", path);
 %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
    <meta name="author" content="Łukasz Holeczek">
    <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,AngularJS,Angular,Angular2,jQuery,CSS,HTML,RWD,Dashboard">
    <link rel="shortcut icon" href="${path}/img/favicon.png">

    <title>CoreUI - Open Source Bootstrap Admin Template</title>

    <!-- Icons -->
    <link href="${path}/css/font-awesome.min.css" rel="stylesheet">
    <link href="${path}/css/simple-line-icons.css" rel="stylesheet">

    <!-- Main styles for this application -->
    <link href="${path}/css/style.css" rel="stylesheet">
	

   <!-- ================================================== -->
    <!-- ================================================== -->
     <!-- ================================================== -->

    <script type="text/javascript" src="${path}/js/jquery.min.js"></script>
 	<script src="resource/js/dist/jquery.table2excel.js"></script>
    <script type="text/javascript">

    function btnStaff(){
    	alert(1);
        $(".staff").table2excel({
            exclude: ".noExl",
            name: "Excel Document Name",
            filename: "myFileName",
            exclude_img: true,
            exclude_links: true,
            exclude_inputs: true
        });
    }
 	    	function search(){
	    		
	    		$("#pageNum").val(1);
	    		$('#roleSearchForm').submit();
	    	}
	    	
	    	function goPage(pageNum){
	    		$("#pageNum").val(pageNum);
	    		$('#roleSearchForm').submit();
	    	} 
			
    </script>
    <style type="text/css">

    </style>
</head>
<body class="app header-fixed sidebar-fixed aside-menu-fixed aside-menu-hidden">
	
	<!-- 头部 -->
    <%@ include file="/share/header.jsp" %>

	<!-- 权限管理 -->
	<%@ include file="/share/sidebar.jsp" %>

<!-- Main content -->
    <main class="main">
	<div class="container-fluid">
		<div class="animated fadeIn">
			                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                    <i class="fa fa-align-justify"></i> Combined All Table
                                </div>
                                <div class="card-block">
                                    <table class="table table-bordered table-striped table-condensed">
                                       	<thead>
											<tr>
												<th><input type="checkBox" name="checkAll"/>复选框</th>
								  				<th>序号</th>
								  				<th>账号</th>
								  				<th>姓名</th>
								  				<th>英文全名</th>
								  				<th>密码</th>
								  				<th>手机</th>
								  				<th>操作</th>
											</tr>
										</thead>
                                       <!--  <thead>
                                            <tr>
                                                <th>Username</th>
                                                <th>Date registered</th>
                                                <th>Role</th>
                                                <th>Status</th>
                                            </tr>
                                        </thead> -->
                                        <tbody>
											<c:forEach var="s" items="${tstaffInfos}" varStatus="status">
									 			<tr>
										 			<td><input type="checkbox" name="checkSelect" value="${s.staffId }"></td>
													<td>${status.index+1}</td>
									  				<td>${s.staffNum}</td>
									  				<td>${s.chnName}</td>
									  				<td>${s.surName}</td>
									  				<td>${s.pwd}</td>
									  				<td>${s.mobile}</td>
									  				<td><input type="button" value="修改" onclick="myUpdate('${s.staffId}')"></td>
												</tr>
									 		</c:forEach>
										</tbody>
                                       <!--  <tbody>
                                            <tr>
                                                <td>Vishnu Serghei</td>
                                                <td>2012/01/01</td>
                                                <td>Member</td>
                                                <td>
                                                    <span class="badge badge-success">Active</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Zbyněk Phoibos</td>
                                                <td>2012/02/01</td>
                                                <td>Staff</td>
                                                <td>
                                                    <span class="badge badge-danger">Banned</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Einar Randall</td>
                                                <td>2012/02/01</td>
                                                <td>Admin</td>
                                                <td>
                                                    <span class="badge badge-default">Inactive</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Félix Troels</td>
                                                <td>2012/03/01</td>
                                                <td>Member</td>
                                                <td>
                                                    <span class="badge badge-warning">Pending</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Aulus Agmundr</td>
                                                <td>2012/01/21</td>
                                                <td>Staff</td>
                                                <td>
                                                    <span class="badge badge-success">Active</span>
                                                </td>
                                            </tr>
                                        </tbody> -->
                                    </table>
                                    <nav>
                                        <ul class="pagination">
                                            <li class="page-item"><a class="page-link" href="#">Prev</a>
                                            </li>
                                            <li class="page-item active">
                                                <a class="page-link" href="#">1</a>
                                            </li>
                                            <li class="page-item"><a class="page-link" href="#">2</a>
                                            </li>
                                            <li class="page-item"><a class="page-link" href="#">3</a>
                                            </li>
                                            <li class="page-item"><a class="page-link" href="#">4</a>
                                            </li>
                                            <li class="page-item"><a class="page-link" href="#">Next</a>
                                            </li>
                                            <p><c:out value="<script>alert(1);</script>"/></p>
											<p><c:out escapeXml="Y" value="哈哈"/></p>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <!--/.col-->
                    </div>
		</div>
	</div>
	</main>
</body>
</html>